<template>
    <div class="cmt-container">
        <h3>发表评论</h3>
        <hr/>
        <textarea placeholder="请输入要BB的内容（做多吐槽120字）" maxlength="120"></textarea>
        <mt-button type="primary" size="large">发表评论</mt-button>
        <div class="cmt-list">
            <div class="cmt-item">
                <div class="cmt-title">
                    第1楼&nbsp;用户：匿名用户&nbsp;发表时间：2019-7-7 12:12:12
                </div>
                <div class="cmt-body">
                    锄禾日当午，汗滴禾下土
                </div>
            </div>
        </div>
        <mt-button type="danger" plain size="large">加载更多</mt-button>
    </div>
</template>
<script type="es6">
export default {
    data(){
        return {

        }
    },
    methods: {

    }
}
</script>
<style lang="less" scoped>
.cmt-container {
    padding: 4px 4px;
    h3 {
        font-size: 14px;
    }
    textarea {
        font-size: 12px;
    }
    .mint-button {
        font-size: 14px;
    }
    .cmt-list {
        font-size: 12px;
        margin: 5px 0px;
    }
}
</style>